<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,user-scalable=no"name="viewport">
<title>首页</title>
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/customer/css/base.css" />
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/customer/css/style.css" />
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/customer/css/bootstrap.min.css" />
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/customer/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/customer/js/bootstrap.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/customer/js/script.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/customer/js/jQuery.textSlider.js" /></script>
</head>
<body>
<div id="box">
 <!--<div class="navbar navbar-default navbar-fixed-top">
  <header>
   <h1><span class="glyphicon glyphicon-menu-left"></span></h1>
   <p class="title" style="width:100%;text-align: center;">我的卡包</p>
  </header>
 </div>--><!--navbar-fixed-top-->

 <div class="bagOne">
   	<div class="card">
   <p class="numbers"><span>NO.{$data.user_id}</span></p>
   <p class="cardOne"><img src="{:C('WEB_URL')}Public/customer/images/success_04.jpg" /><if condition="$ntegral lt 99"> 白银会员
	<elseif condition="($ntegral lt 200) AND ($ntegral egt 100)"/>黄金会员
	<elseif condition="($ntegral lt 300) AND ($ntegral egt 200)"/>白金会员
	<else />钻石会员
</if></p>
   <h1><img src="{:C('WEB_URL')}{$data['erwei']}" id="but" /></h1>
   <!--<p class="cardRights">NO.18017744567</p>-->
   <div id="scrollDiv">
   <div class="scrollText">
    <ul style="margin-top: 0px; ">
     <!--<li>今天19:20 您在永和豆浆使用亲亲卡成功节省1元</li>-->
  	 <!--<li>卡片有效截止日期：2017.04.01-2018.12.31</li>-->  
    </ul>
   </div>
   <!--<div class="up"><img src="images/shua_01.png" /></div>-->
  </div>
  	</div><!--card-->
  <!--<p class="cardOne"><img src="{:C('WEB_URL')}Public/customer/images/success_04.jpg" />-->
	<!--<switch name="ntegral" >
	<case value="0">白银会员</case>
	<case value="1">黄金会员</case>
	<case value="2">白金会员</case>
	<default />钻石会员
	</switch>-->
	<!--<if condition="$ntegral lt 99"> 白银会员
	<elseif condition="($ntegral lt 200) AND ($ntegral egt 100)"/>黄金会员
	<elseif condition="($ntegral lt 300) AND ($ntegral egt 200)"/>白金会员
	<else />钻石会员
</if>
  </p>-->
  <!--<p class="cardThree">省钱卡已累计帮我省钱：<span> 125.00 </span>元</p>-->
  <div id="scrollDiv">
   <div class="scrollText">
    <!--<ul style="margin-top: 0px; ">
     <li>今天19:20 您在永和豆浆使用亲亲卡成功节省1元</li>
     <li>卡片有效截止日期：2017.04.01-2018.12.31</li>  
    </ul>-->
   </div>
   <!--<div class="up"><img src="{:C('WEB_URL')}Public/customer/images/shua_01.png" /></div>-->
  </div>
<!--<marquee behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="8" width="150%" height="40px"onmouseover="this.stop();" onmouseout="this.start();"> 
<p class="cardTwo">今天19:20 您在永和豆浆使用亲亲卡成功节省1元 <a href="checks.html">卡片有效截止日期：2017.04.01-2018.12.31</a></p>
</marquee>-->
 </div><!--bagOne-->
 <div class="bagTwo" id="bagTwo">
  <div class="cardLeft"><a href="{:U('User/integral')}">
   <h3>{$ntegral}</h3>
   <p>我的卡券</p></a>
  </div><!--cardLeft-->
  <div class="cardCenter"><a href="{:U('User/balance')}">
   <h3>{$data[balance]}</h3>
   <p>我的余额</p></a>
  </div><!--cardRight-->
  <div class="cardRight"><a href="{:U('User/addUp')}">
   <h3><if condition="$data1 eq NULL">0
   <else />{$data1}
	</if>
   </h3>
   <p>累计省钱(元)</p></a>
  </div><!--cardRight-->
 </div><!--bagTwo-->
 <div class="bagThree">
  <ul id="ul">
  <a href="{:U('User/rechar')}"> <li class="rechar_li"><img src="{:C('WEB_URL')}Public/customer/images/cardbag_01.jpg" />我要充值</li></a>
   <a href="{:U('User/checks')}"><li class="bagLi1"><img src="{:C('WEB_URL')}Public/customer/images/success_07.jpg" />我的足迹</li></a>
   <a href="{:U('User/persons')}"><li><img src="{:C('WEB_URL')}Public/customer/images/success_06.jpg" />个人信息</li></a>
  </ul>
 </div><!--bagThree-->
 <div class="navbar navbar-default navbar-fixed-bottom">
   <footer id="foot">
    <dl>
     <dt><a href="{:U('index')}"><img src="{:C('WEB_URL')}Public/customer/images/home.png" /></a></dt>
     <dd><a href="{:U('User/index')}" class="current">首页</a></dd>
    </dl>
    <dl>
     <dt><a href="http://www.nleaves.com/qinqin/wechat/user/recommends?uid={$_SESSION[user_id]}"><img src="{:C('WEB_URL')}Public/customer/images/mores_17.jpg" /></a></dt>
     <dd><a href='http://www.nleaves.com/qinqin/wechat/user/recommends?uid={$_SESSION[user_id]}'>推荐有奖</a></dd>
    </dl>
    <dl>
     <dt><a href="{:U('User/more')}"><img src="{:C('WEB_URL')}Public/customer/images/home-03.jpg" /></a></dt>
     <dd><a href="{:U('User/more')}">更多</a></dd>
    </dl>
   </footer>
  </div><!--/navbar-->
</div><!--box-->
<!--会员卡二维码弹出页面 -->
 <div id="popup"><a href="javascript:;" class="a_click">
  <div id="click_div">
   <div id="dialog">
  <div class="diaCard">
   <p>NO.{$data.user_id}</p>
   <h2><img src="{:C('WEB_URL')}{$data['erwei']}"  /></h2>
   <p>到店出示给服务员即可使用</p>
  </div><!--diaCard-->
   </div>
  </div></a>
 </div>
 <!--会员卡二维码弹出页面 End-->
<script type="text/javascript">
if(isWeiXin()){ 
//alert("====");
//$("#click_div").show();
//$(".glyphicon").hide();
} 
else{ 
  //alert("+++++");
}
//会员卡二维码弹出页面 JS
$("#but").click(function(){
  //$("#click_div").show(),8000;
  setTimeout(function () {
    $("#click_div").fadeIn();
  }, 500);
})  
$(".a_click").click(function(){
  //$("#click_div").hide();
  setTimeout(function () {
    $("#click_div").fadeOut();
  }, 500);
});
//会员卡二维码弹出页面 End
//文字上下滚动
$(document).ready(function(){
    $("#scrollDiv").textSlider({line:1,speed:500,timer:3000});
});
//文字上下滚动End
$('#ul li').on("touchstart",function(){
  //alert(1);/
  $('#ul li').css("background-color","#fff")
  $(this).css("background-color","#ddd")
})

$('#ul li').on("touchend",function(){
  //alert(1);/
  $('#ul li').css("background-color","#fff")
 
})


$('#bagTwo div').on("touchstart",function(){
  // alert(1);
  $('#bagTwo div').css("background-color","#fff")
  $(this).css("background-color","#ddd")
})
$('#bagTwo div').on("touchend",function(){
  // alert(1);
  $('#bagTwo div').css("background-color","#fff")

})

$('#foot dl').on("touchstart",function(){
  // alert(1);
  $('#foot dl').css("background-color","#fff")
  $(this).css("background-color","#ddd")
})
$('#foot dl').on("touchend",function(){
  // alert(1);
  $('#foot dl').css("background-color","#fff")

})

</script>
</body>
</html>
